body { background: #eeeeee;}
nav.shop img { width: 100%;}
article.shop_info { margin-top: 1rem;}
.list { margin-top: 1rem;background: #FFF; box-sizing: border-box;}
.list img{ width: 100%;}
.list ul{font-size: 1rem; padding: 0.7rem 0;}
.list ul li { line-height: 1.5rem; padding: 0 3%;}
.list ul li .shopping{  position: relative; width: 25%; text-align: right; }
.list ul li .shopping img{ width: 33%;margin-right: 7%;}
.list ul li .shopping sup { position: absolute; top: -0.2rem; right: -3%; background: #86ce00; border-radius: 50%; color: #FFF; width:1rem; height:1rem;font-size: 0.8rem; text-align: center; line-height: 1rem;}
.buy > span:first-child{ width: 75%;}
.postage { background: #eeeeee; padding: 1rem 3%; color: #888888; font-size: 1rem;}
.postage span { border: 1px solid #f35c13; color: #f35c13; padding: 0.3rem 0.4rem; border-radius: 50%;margin-right: 3%;}
.weight {padding: 1.4rem 3%; font-size: 1.2rem; background: #FFF;}
.weight span {border-radius: 0.5rem;padding: 0.4rem 0.8rem;color: #3e3e3e; border: 1px solid #cacaca;}
.weight span.active_span { background: #f25b12;   color: #FFF;border: 1px solid #f25b12;}
.weight span:last-child { margin-left: 4%;}
.goods_reputation { background: #FFF;padding-top: 1rem; margin-top: 1rem;}
.reputation { padding: 0 3% 0.7rem 3%; border-bottom: 1px solid #dfdfdf; font-size: 1rem;}
.reputation span:first-child { font-size: 1.1rem; width: 50%;}
.reputation span:nth-child(2){ width: 45%; }
.reputation span:last-child {width: 5%;}
.reputation span:last-child img{width: 75%;}
.goods_list { padding: 0.6rem 3%; font-size: 0; border-bottom: 1px solid #dfdfdf;}
.goods_list p, .goods_list ul { font-size: 1rem;}
.goods_list .person_img{ width: 23%;}
.goods_list .person_img img{ width: 98%;}
.goods_list ul { width: 74%; margin-left: 3%;}
.goods_list ul li{ line-height: 2rem;}
.goods_list ul li:last-child{color: #a7a7a7; }
.service { margin-top: 0.7rem; color: #656565;}
.drag { text-align: center; padding: 1rem 3%; font-size: 1rem; background: #eeeeee;}
footer.goods { text-align: center; background: #FFF; padding: 1rem 0; position: fixed; bottom: 0; width: 100%; z-index: 100; }
footer.goods button { border-radius: 0.5rem; padding: 0.7rem 0; text-align: center; width: 42%; border: none;  font-size: 1rem;}
footer.goods button:first-child { background: #f35c13; color: #FFF;}
footer.goods button:last-child { margin-left: 3%; border: 1px solid #dfdfdf!important; color: #666666; background: #FFF;}
/*背景遮罩*/
.back{ background: #cccccc; opacity: 0.8; filter: alpha(opacity=80); position: absolute;top: 0; left: 0;z-index: 5;}
/*购买*/
section.purchase {  font-size: 0; background: #FFF; position: fixed; width: 100%; bottom: 0; z-index: 100; display: none;}
section.purchase div { padding: 1rem 3%; border-bottom: 1px solid #dfdfdf; position: relative;}
.close, .close_1 { position: absolute; top:10%; left: 89%; font-size: 1.1rem; border: 1px solid #d0d0d0; border-radius: 50%; padding: 0.2rem 0.5rem; color: #d0d0d0;}
section.purchase p, section.purchase ul { font-size: 1rem;}
section.purchase div:first-child p{ width: 20%;}
section.purchase div:first-child p img{ width: 100%;}
section.purchase div:first-child ul{ width: 75%; margin-left: 4%;}
.goods_details p { padding-bottom: 1rem;}
.weight_1{ font-weight: bolder;}
.goods_details p:last-child{ padding-bottom: 0;}
.goods_details p span { border: 1px solid #cacaca; padding: 0.3rem 0.8rem; border-radius: 0.5rem;}
.goods_details p span.active{ background: #f45d14; color: #FFF; border: 1px solid #f45d14;}
.addInfo { border: 1px solid #969696; border-radius: 0.6rem; font-size: 1.2rem;}
.addInfo span, .addInfo input{ width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; border-right: 1px solid #969696;}
.addInfo input { border: none; border-bottom: 1px solid #969696!important;border-right: 1px solid #969696!important; background: #eeeeee;}
.addInfo span:last-child{ border-right: none;}
.purchase footer { background: transparent; text-align: center;}
.purchase footer button{ width: 80%; padding: 0.8rem 0; text-align: center; margin: 1rem auto; background: #f36621; color: #FFF; font-size: 1.1rem; border: none;}
/*商品详情*/
section.goods_detail{ padding: 1rem 0; font-size: 1rem; background: #FFF;}
.details{ display: -webkit-flex; display: flex; flex-direction: row; font-size: 0;justify-content: center;}
.details span { font-size: 1rem; width: 50%; background: #FFF; text-align: center; color: #929292; padding: 0.8rem 0; border-bottom: 1px solid #929292;}
section.goods_detail h5 { text-align: center; color: #4eb0ca; padding: 1rem; font-size: 1.1rem;}
.details span.active{border-bottom: 2px solid #f25c13;}
.relation { padding: 1rem 3%;}
.relation button { background: #86cf00; color: #FFF; padding: 0.57rem 1.4rem; border-radius: 1rem; border: none;}
section.goods_detail div ul{padding: 0 3%; font-size: 1rem; color: #333333;}
section.goods_detail div ul li > img{ width: 100%;}
section.goods_detail div ul li{ margin-bottom: 1rem; }
/*成交记录*/
.goods_detail div table { width: 100%;}
.goods_detail div table td, .goods_detail div table th { text-align: center; border-bottom: 1px solid #e5e5e5; padding: 0.7rem 0;}
.goods_detail div table td { color: #999999;}
.ginseng { font-size: 0; height: 8rem; display: -webkit-box;}
.ginseng span { display: block;}
.ginseng span:first-child{ width: 41%; margin-right: 3%;}
.ginseng span:last-child{ -webkit-box-flex: 1;}
.ginseng span img{ width: 100%;}
/**/
section.address { background: #FFF; font-size: 0; display: none; position: fixed; bottom: 0;width: 100%; z-index: 100;}
section.address div{ position: relative; font-size: 1rem; padding: 0.8rem 3%;}
.select_add { text-align: center; padding: 0.8rem 0; font-size: 1.1rem; font-weight: bold;}
.address ul li:first-child { width: 10%;}
.address ul li:first-child img{ width: 90%;}
.address ul li:nth-child(2){ width: 74%;margin-left: 3%;}
.address ul li:nth-child(2) p{ line-height: 1.6rem;}
.address ul li:last-child { width: 10%; text-align: right;}
.address ul li:last-child img{ width: 80%;}
.address ul li.right_info img{ width: 40%;}
